<html>
<head>
    <title>upload</title>

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        $(function () {
            $("#sub_btn").click(function () {
                var formData1=new FormData($("#fm")[0]);
                $.ajax({
                    type:"post",
                    url:"http://localhost:7081/open/common/upload",
                    headers:{
                        'Authorization':'Bearer dGVzdDpmMzA3NDZlMi1mMDc4LTRjM2ItODZjZC0zZTU3MzQyZTAxZjQ='
                    },
                    dataType:"json",
                    data:formData1,
                    //是否缓存
                    cache: false,
                    //当设置为false的时候,jquery 的ajax 提交的时候会序列化 data
                    processData: false,
                    /*contentType都是默认的值：application/x-www-form-urlencoded；
                    *表单中设置的contentType为"multipart/form-data"；
                     * ajax 中 contentType 设置为 false ，是为了避免 JQuery对要提交
                     * 的表单中的enctype值修改*/
                    contentType: false,
                    success:function (result) {
                        console.log(result)
                    }
                })
            })
        })
    </script>
</head>
<body>
<form action="TestServlet" method="post" enctype="multipart/form-data" id="fm">
    <input type="text" name="uname" id="uname"> <br>
    <input type="file" name="file" id="file"><br>
    <input type="button" value="提交" id="sub_btn">
</form>
</body>
</html>
